<template>
  <div class="set">
       <Header title="设置" background="#fff"/>

       <van-cell-group>
        <van-cell title="账号与安全" @click="$router.push({name: 'security'})"> 
          <van-icon name="arrow" /> 
        </van-cell>
        <van-cell title="关于某某数字藏品" @click="$router.push({name: 'about'})">
          <van-icon name="arrow" /> 
        </van-cell>
      </van-cell-group>


          <van-button class="logout" block type="info" @click="logout">退出登录</van-button>
       <!-- <div class="container">

       </div> -->
  </div>
</template>

<script>
import { mapGetters, mapActions } from 'vuex'
export default {
  name: 'set',
  computed: { ...mapGetters({ pageData: 'pageData'}) },
  data () {
    return {
      
    }
  },
  methods: {
    goPersonal() {
      this.$router.push({name: 'personal'})
    },
    logout() {
      this.$router.push({name: 'login'})
    }
  },
  mounted() {
    
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="less" scope>
.set {
  padding-top: 50px;
  .van-cell-group {
    .van-cell {
      font-size: 14px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #333333;
    }
  }
  .logout {
    margin-top: 80px;
    background: #fff;
    color: #333;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FF0F0F;
    border: none;
  }
}
</style>
